/* 分类 */
.many-goods-list .goods-cate-list {display: flex;align-items: center;padding: 10px 0;overflow: hidden;}
.many-goods-list .goods-cate-list .split-line {width: 1px;height: 15px;background-color: #E5E5E5;margin-right: calc((100% - 80px * 4) / 6);margin-left: calc((100% - 80px * 4) / 6);}
.many-goods-list .goods-cate-list .goods-cate-item {width: 80px;flex-shrink: 0;text-align: center;}
.many-goods-list .goods-cate-list .goods-cate-item p:first-child {font-size: 16px;color: #303133;line-height: 1;}
.many-goods-list .goods-cate-list .goods-cate-item p:nth-child(2) {font-size: 12px;color: #909399;margin-top: 5px;line-height: 18px;text-overflow: ellipsis;word-break: keep-all;max-width: 100%;overflow: hidden;padding: 0 5px;}
.many-goods-list .goods-cate-list .goods-cate-item.active p:first-child {font-weight: 600;}
.many-goods-list .goods-cate-list .goods-cate-item.active p:nth-child(2) {color: #FFFFFF;border-radius: 10px;}

/* 编辑内容 */
.many-goods-list-edit{margin: 10px 15px;}
.many-goods-list-edit li {border: 1px dashed #e5e5e5;position: relative;padding: 10px;margin-bottom: 10px;cursor: pointer;}
.many-goods-list-edit li:hover .content-block + .del {display: inline-block;}
.many-goods-list-edit .add-item {padding: 10px;border: 1px dashed;margin: 16px 0 10px;cursor: pointer;text-align: center;}
.many-goods-list-edit .add-item i {display: inline-block;height: 24px;line-height: 24px;font-size: 18px;font-style: normal;margin-right: 10px;}
.many-goods-list-edit .add-item span {display: inline-block;height: 24px;line-height: 24px;}

.edit-attribute .tag-wrap .layui-form-radio:last-child{margin-right: 0;}

/* 选择商品分类弹出框 */
.goods-category-layer {display: none;}
.layui-layer-content .category-wrap .category-item, .layui-layer-content .category-head {height: 30px;line-height: 30px;border: 1px solid #ededed;border-radius: 5px;padding: 0 15px;margin: 0 15px 10px 0;box-sizing: border-box;color: #666;font-size: 12px;}
.layui-layer-content .category-head {background: #eee;height: 40px;line-height: 40px;}
.layui-layer-content .category-wrap {overflow-y: scroll;height: calc(100% - 45px);}
.layui-layer-content .category-wrap::-webkit-scrollbar {display: none;}
.layui-layer-content .category-wrap .category-item {cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 选择商品分类弹出框 */
.goods-category-layer {display: none;}
.layui-layer-content .category-wrap .category-item, .layui-layer-content .category-head {height: 30px;line-height: 30px;border: 1px solid #ededed;border-radius: 5px;padding: 0 15px;margin: 0 15px 10px 0;box-sizing: border-box;color: #666;font-size: 12px;}
.layui-layer-content .category-head {background: #eee;height: 40px;line-height: 40px;}
.layui-layer-content .category-wrap {overflow-y: scroll;height: calc(100% - 45px);}
.layui-layer-content .category-wrap::-webkit-scrollbar {display: none;}
.layui-layer-content .category-wrap .category-item {cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 商品块基础样式 */
.goods-list .goods-item {line-height: 1;}
.goods-list .goods-item .sale {align-self: flex-end;font-size: 12px;}
.goods-list .goods-item .info-wrap .goods-name{margin-bottom: 5px;font-size: 14px;line-height: 1.3;}
.goods-list .goods-item .info-wrap .tag-wrap {margin-bottom: 10px;}
.goods-list .goods-item .info-wrap .tag-wrap text{display: inline-block;font-size: 9px;}
.goods-list .goods-item .info-wrap .tag-wrap .hollow-tag{border: 1px solid;border-radius: 2px;margin-right: 5px;box-sizing: border-box;line-height: 1.2;padding: 1px 2px 0;max-width: 100%;}
.goods-list .goods-item .shopping-cart-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;}
.goods-list .goods-item .plus-sign-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;}
.goods-list .goods-item .buy-btn{color: #fff;font-size: 12px;height: 26px;line-height: 28px;min-width: 56px;text-align: center;}
.goods-list .goods-item .price-wrap{font-size: 0;}
.goods-list .goods-item .icon-diy{font-size: 40px;}

/* ----------  单列（一行一列）----------  */
.goods-list.row1-of1 .goods-item{overflow: hidden;display: flex;margin-bottom: 10px;padding:8px;}
.goods-list.row1-of1 .goods-item:last-of-type{margin-bottom: 0;}
.goods-list.row1-of1 .goods-item .goods-img{width: 130px;height: 130px;}
.goods-list.row1-of1 .goods-item .goods-img img{max-width: 100%;max-height: 100%;}
.goods-list.row1-of1 .goods-item .info-wrap{width: calc(100% - 130px);padding: 3px 0 5px 10px;flex: 1;display: flex;flex-direction: column;box-sizing: border-box;}
.goods-list.row1-of1 .goods-item .info-wrap .pro-info{display: flex;justify-content: space-between;align-items: center;margin-top:auto;}
.goods-list.row1-of1 .goods-item .info-wrap .pro-info .sale{margin-top: 5px;}
.goods-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price{display: flex;justify-content: space-between;flex-direction: column;}
.goods-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price .price-wrap{display: flex;align-items: flex-end;}
.goods-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;}
.goods-list.row1-of1 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;font-weight: bold;}
.goods-list.row1-of1 .goods-item .info-wrap .pro-info .delete-price{text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;}

/* ---------- 两列（一行两列）----------  */
.goods-list.row1-of2{display: flex;flex-wrap: wrap;}
.goods-list.row1-of2 .goods-item{overflow: hidden;margin-right: 10px;margin-top: 10px;width: calc(50% - 5px);display: flex;flex-direction: column;box-sizing: border-box;}
.goods-list.row1-of2 .goods-item:nth-child(2n){margin-right: 0;}
.goods-list.row1-of2 .goods-item:nth-of-type(1), .goods-list.row1-of2 .goods-item:nth-of-type(2){margin-top: 0;}
.goods-list.row1-of2 .goods-item .goods-img{width: calc(100% + 2px);height: 160px;text-align: center;}
.goods-list.row1-of2 .goods-item .goods-img img{width: 100%;height: 100%;}
.goods-list.row1-of2 .goods-item .info-wrap{display: flex;flex-direction: column;flex: 1;padding: 10px;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info{margin-top: auto;display: flex;justify-content: space-between;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;font-weight: bold;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;font-weight: bold;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info .delete-price{text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;}

.goods-list.row1-of2.style-1 .pro-info .discount-price .price-wrap{display: inline-block;}
.goods-list.row1-of2.style-1 .pro-info .discount-price .delete-price{display: inline-block;margin-left: 5px;}
.goods-list.row1-of2.style-1 .pro-info .sale{margin-top: 5px;}

.goods-list.row1-of2.style-2 .pro-info{align-items: center;}
.goods-list.row1-of2.style-2 .pro-info .discount-price{display: flex;justify-content: space-between;align-items: baseline;flex-direction: column;}
.goods-list.row1-of2.style-2 .pro-info .sale{margin-top: 5px;}

.goods-list.row1-of2.style-3 .pro-info .discount-price{display: flex;justify-content: space-between;flex: 1;align-content: center;}

/* ----------  三列（一行三个）----------  */
.goods-list.row1-of3{display: flex;flex-wrap: wrap;}
.goods-list.row1-of3 .goods-item{display: flex;flex-direction: column;background: #fff;overflow: hidden;margin-top: 10px;width: calc(33.33% - 6px);box-sizing: border-box;}
.goods-list.row1-of3 .goods-item:nth-child(3n-1){margin-left: 9px;margin-right: 9px;}
.goods-list.row1-of3 .goods-item:nth-of-type(1), .goods-list.row1-of3 .goods-item:nth-of-type(2), .goods-list.row1-of3 .goods-item:nth-of-type(3){margin-top: 0;}
.goods-list.row1-of3 .goods-item .goods-img{width: calc(100% + 2px);height: 110px;}
.goods-list.row1-of3 .goods-item .goods-img img{width: 100%;height: 100%;}
.goods-list.row1-of3 .goods-item .info-wrap{display: flex;flex-direction: column;flex: 1;padding: 5px;}
.goods-list.row1-of3 .goods-item .info-wrap .pro-info{margin-top: auto;display: flex;flex-direction: column;justify-content: space-between;}
.goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price{display: flex;justify-content: space-between;align-items: flex-end;}
.goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;}
.goods-list.row1-of3 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;font-weight: bold;}
.goods-list.row1-of3 .goods-item .info-wrap .pro-info .delete-price{text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;}

.goods-list.row1-of3.style-1 .pro-info .delete-price{margin-left: 10px;}

.goods-list.row1-of3.style-2 .pro-info{flex-direction: initial !important;align-items: center;}
.goods-list.row1-of3.style-2 .pro-info .discount-price{flex-direction: column;align-items: initial !important;}

/* ---------- 横向滑动 ---------- */
.goods-list.horizontal-slide{white-space: nowrap;overflow: hidden;margin:10px;}
.goods-list.horizontal-slide .goods-item{overflow: hidden;width: 97px;display: inline-block;margin-right: 10px;box-sizing: border-box;}
.goods-list.horizontal-slide .goods-item:last-of-type{margin-right: 0;}
.goods-list.horizontal-slide .goods-item .goods-img{width: calc(100% + 2px);height: 100px;}
.goods-list.horizontal-slide .goods-item .goods-img img{width: 100%;height: 100%;}
.goods-list.horizontal-slide .goods-item .info-wrap{padding: 5px 10px;}
.goods-list.horizontal-slide .goods-item .info-wrap .pro-info{margin-top: 5px;display: flex;flex-direction: column;justify-content: space-between;}
.goods-list.horizontal-slide .goods-item .info-wrap .pro-info .discount-price{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.goods-list.horizontal-slide .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;}
.goods-list.horizontal-slide .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;font-weight: bold;}
.goods-list.horizontal-slide .goods-item .info-wrap .pro-info .delete-price{text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;align-self: flex-end;flex-basis: 100%;}

/* ----------  大图 ----------  */
.goods-list.large-mode .goods-item{width: 100%;overflow: hidden;margin-top: 10px;background-color: #fff;}
.goods-list.large-mode .goods-item:first-child{margin-top: 0;}
.goods-list.large-mode .goods-img {width: 101.5%;height: 160px;position: relative;}
.goods-list.large-mode .goods-img img {width: 100%;height: 100%;object-fit: cover;}
.goods-list.large-mode .goods-item .info-wrap{padding: 10px 10px 25px;}
.goods-list.large-mode .goods-item .info-wrap .pro-info{margin-top: 5px;display: flex;justify-content: space-between;align-items: center;position: relative;}
.goods-list.large-mode .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;}
.goods-list.large-mode .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;font-weight: bold;}
.goods-list.large-mode .goods-item .info-wrap .pro-info .delete-price{margin-left: 5px;text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;}

.goods-list.large-mode.style-1 .pro-info .discount-price{flex: 1;display: flex;align-items: baseline;}
.goods-list.large-mode.style-1 .pro-info .discount-price .price-wrap{display: flex;align-items: baseline;}
.goods-list.large-mode.style-1 .pro-info .discount-price .delete-price{display: inline-block;}
.goods-list.large-mode.style-1 .pro-info .sale{position: absolute;bottom: -15px;font-size: 12px;}

/* ---------- 购买按钮样式 ---------- */
.many-goods-list .btn-style .layui-form-label{margin-top: 5px;}
.many-goods-list .btn-style .layui-input-block{display: flex;align-items: center;}
.many-goods-list .btn-style .layui-input-block .item{margin-right: 10px;border: 1px solid transparent;padding: 5px;border-radius: 5px;width: 45px;text-align: center;cursor: pointer;height: 30px;line-height: 30px;}
.many-goods-list .btn-style .layui-input-block .item:last-child{margin-right: 0;width: 60px;}
.many-goods-list .btn-style .layui-input-block .item:nth-child(2),.many-goods-list .btn-style .layui-input-block .item:nth-child(3){width: 35px;}
.many-goods-list .btn-style .layui-input-block .item .border-color{border: 1px solid;}
.many-goods-list .btn-style .layui-input-block .buy-btn{color: #fff;border-radius: 25px;font-size: 12px;padding: 6px 10px;}
.many-goods-list .btn-style .layui-input-block .shopping-cart-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;width: 18px;height: 18px;}
.many-goods-list .btn-style .layui-input-block .plus-sign-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;width: 18px;height: 18px;}
.many-goods-list .btn-style .layui-input-block .diy-btn{border-radius: 25px;font-size: 12px;padding: 6px 10px;}

.many-goods-list .diy-icon{margin-top: 10px;margin-bottom: 10px;display: flex;align-items: center;}
.many-goods-list .diy-icon .action-box {display: flex;margin-bottom: 10px;}
.many-goods-list .diy-icon .action {margin-right: 10px;width: 42px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #EEEEEE;cursor: pointer;}
.many-goods-list .diy-icon .action .iconfont {font-size: 20px;}
.many-goods-list .diy-icon .action:hover {border-color: var(--base-color);color: var(--base-color);}

.many-goods-list .edit-content-wrap .layui-form-radio{margin-right:5px;}
.many-goods-list .edit-content-wrap .layui-form-radio:last-child{margin-right: 0;padding-right: 0;}